import 'package:flutter/material.dart';
import 'package:can/classes/app_colors.dart';
import 'package:can/widgets/home/home_buttons.dart';

const homeContainerDecoration = BoxDecoration(
  image: DecorationImage(
    image: AssetImage("assets/images/HomeBackground_unsplash.jpg"),
    fit: BoxFit.cover,
  ),
);

class Home extends StatelessWidget {
  const Home({Key? key}) : super(key: key);

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      resizeToAvoidBottomInset: false,
      body: Stack(
        children: [
          Container(
            decoration: homeContainerDecoration,
          ),
          Center(
            child: Column(
              mainAxisAlignment: MainAxisAlignment.center,
              crossAxisAlignment: CrossAxisAlignment.center,
              children: [
                Image.asset('assets/images/BabbleMainScreen.png', width: 200),
                const SizedBox(height: 40),
                const StartGameButton(),
                const SizedBox(height: 20),
                const RulesButton(),
                const SizedBox(height: 20),
                const ExitButton(),
              ],
            ),
          ),
        ],
      ),
    );
  }
}
